/**
 * 自定义渲染器
 * Vue3允许开发者创建自定义的渲染器
 * 它使得Vue3可以在不同的平台上运行，比如 web浏览器、ios android等原生平台
 * createRenderer 提供了一种低级的方式定义如何将虚拟DOM转化为实际的平台的视图
 */
import {createRenderer,h} from '@vue/runtime-core';
//创建自定义的render函数
const {render} = createRenderer({
  createElement(type){
    //根据虚拟DOM创建真实DOM
    return  document.createElement(type);
  },
  //把元素插入到容器中
  insert(el,container){
    container.appendChild(el);
  },
  //给元素设置文本内容
  setElementText(el,text){
    el.textContent = text;
  }
});
//创建一个虚拟DOM，类型是h1,内容是hello
let vnode = h('h1','hello');
render(vnode,document.getElementById('app'));